<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mashura HTML Template | Portfolio 04</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Work+Sans:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
    <!-- Main Header / Header Style Four -->
    <header class="main-header header-style-four">
		
		<!-- Header Upper -->
        <div class="header-upper">
        	<div class="auto-container">
            	<div class="clearfix">
                	
                	<div class="pull-left logo-box">
                    	<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" title=""></a></div>
                    </div>
                   	
                   	<div class="nav-outer clearfix">
						<!--Mobile Navigation Toggler-->
                        <div class="mobile-nav-toggler"><span class="icon fa fa-ellipsis-h"></span></div>
						<!-- Main Menu -->
						<nav class="main-menu show navbar-expand-md">
							<div class="navbar-header">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>

							<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
								<ul class="navigation clearfix">
									<li class="dropdown"><a href="#">Home</a>
										<ul>
											<li><a href="index.html">Home Page 01</a></li>
											<li><a href="index-2.html">Home Page 02</a></li>
											<li><a href="index-3.html">Home Page 03</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#">About Us</a>
										<ul>
											<li><a href="about.html">About Us</a></li>
											<li><a href="team.html">Team</a></li>
											<li><a href="pricing.html">Pricing</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#">Blog</a>
                                        <ul>
                                            <li><a href="blog.html">Our Blog</a></li>
											<li><a href="blog-classic.html">Blog Classic</a></li>
											<li><a href="blog-detail.html">Blog Detail</a></li>
											<li><a href="not-found.html">Not Found</a></li>
                                        </ul>
                                    </li>
									<li class="current dropdown"><a href="#">Portfolio</a>
                                        <ul>
                                            <li><a href="portfolio.html">Portfolio 01</a></li>
                                            <li><a href="portfolio-two.html">Portfolio 02</a></li>
											<li><a href="portfolio-three.html">Portfolio 03</a></li>
											<li><a href="portfolio-four.html">Portfolio 04</a></li>
											<li><a href="portfolio-detail.html">Portfolio Detail</a></li>
                                        </ul>
                                    </li>
									<li><a href="contact.html">Contact Us</a></li>
								</ul>
							</div>
							
						</nav>
						
					</div>
                   
                </div>
            </div>
        </div>
        <!-- End Header Upper -->
        
		<!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
            <nav class="menu-box">
				<div class="pull-left logo-box">
					<div class="logo"><a href="index.html"><img src="images/logo-2.png" alt="" title="Bootcamp"></a></div>
				</div>
				<div class="close-btn"><span class="icon flaticon-multiply"></span></div>
            	<div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
				
				<!-- Mobile Menu Info -->
				<div class="mobile-menu-info clearfix">
					<div class="phone"><span class="icon flaticon-smartphone"></span><a href="tel:+(1)-469-700800">+(1) 469 700800</a></div>
					<div class="text">E.  mashura [at] my-domain.ie A.  36 Belfast Lane, Newyork 26033</div>
				</div>
				
				<!-- Newsletter Form -->
				<div class="newsletter-form">
					<form method="post" action="contact.html">
						<div class="form-group">
							<input type="email" name="email" value="" autocomplete="off" placeholder="Newsletter" required>
							<button type="submit" class="theme-btn fa fa-envelope"></button>
						</div>
					</form>
				</div>
				
            </nav>
			
        </div><!-- End Mobile Menu -->
		
    </header>
    <!-- End Main Header -->
	
	<!-- Page Title Section -->
    <section class="page-title-two-section" style="background-image:url(images/background/5.jpg)">
		<div class="auto-container">
			<div class="content">
				<h1>Portfolio</h1>
				<div class="text">Freelance Ui/UX Designer With over 15 years of experience</div>
			</div>
		</div>
	</section>
	<!-- End Page Title Section -->
	
	<!-- Portfolio Page Section -->
	<section class="portfolio-page-section style-three">
		<div class="auto-container">
			
			<!-- MixitUp Galery -->
            <div class="mixitup-gallery">
                
                <!--Filter-->
                <div class="filters clearfix">
                	
                	<ul class="filter-tabs filter-btns text-center clearfix">
                        <li class="active filter" data-role="button" data-filter="all">All Works</li>
                        <li class="filter" data-role="button" data-filter=".building">Branding</li>
                        <li class="filter" data-role="button" data-filter=".illustration">Illustration</li>
                        <li class="filter" data-role="button" data-filter=".marketing">Marketing</li>
                        <li class="filter" data-role="button" data-filter=".app">Smart Apps</li>
                    </ul>
                    
                </div>
                
                <div class="filter-list">
					
					<!-- Project Block Two -->
					<div class="project-block-two mix app illustration marketing">
						<div class="inner-box">
							<figure class="image-box">
								<img src="images/gallery/26.jpg" alt="">
								<!-- Overlay Box -->
								<div class="overlay-box">
									<div class="overlay-inner">
										<div class="content">
											<a href="images/gallery/26.jpg" data-fancybox="portfolio-4" data-caption="" class="link"><span class="icon"><img src="images/icons/plus.png" alt="" /></span></a>
											<h4><a href="portfolio-detail.html">Business Cards</a></h4>
											<div class="category">\\  photography</div>
										</div>
									</div>
								</div>
							</figure>
						</div>
					</div>
					
					<!-- Project Block Two -->
					<div class="project-block-two mix app illustration marketing">
						<div class="inner-box">
							<figure class="image-box">
								<img src="images/gallery/27.jpg" alt="">
								<!-- Overlay Box -->
								<div class="overlay-box">
									<div class="overlay-inner">
										<div class="content">
											<a href="images/gallery/27.jpg" data-fancybox="portfolio-4" data-caption="" class="link"><span class="icon"><img src="images/icons/plus.png" alt="" /></span></a>
											<h4><a href="portfolio-detail.html">Business Cards</a></h4>
											<div class="category">\\  photography</div>
										</div>
									</div>
								</div>
							</figure>
						</div>
					</div>
					
					<!-- Project Block Two -->
					<div class="project-block-two mix building marketing">
						<div class="inner-box">
							<figure class="image-box">
								<img src="images/gallery/28.jpg" alt="">
								<!-- Overlay Box -->
								<div class="overlay-box">
									<div class="overlay-inner">
										<div class="content">
											<a href="images/gallery/28.jpg" data-fancybox="portfolio-4" data-caption="" class="link"><span class="icon"><img src="images/icons/plus.png" alt="" /></span></a>
											<h4><a href="portfolio-detail.html">Business Cards</a></h4>
											<div class="category">\\  photography</div>
										</div>
									</div>
								</div>
							</figure>
						</div>
					</div>
					
					<!-- Project Block Two -->
					<div class="project-block-two mix building marketing">
						<div class="inner-box">
							<figure class="image-box">
								<img src="images/gallery/29.jpg" alt="">
								<!-- Overlay Box -->
								<div class="overlay-box">
									<div class="overlay-inner">
										<div class="content">
											<a href="images/gallery/29.jpg" data-fancybox="portfolio-4" data-caption="" class="link"><span class="icon"><img src="images/icons/plus.png" alt="" /></span></a>
											<h4><a href="portfolio-detail.html">Business Cards</a></h4>
											<div class="category">\\  photography</div>
										</div>
									</div>
								</div>
							</figure>
						</div>
					</div>
					
				</div>
				
				<div class="text-center btn-box">
					<a href="#" class="theme-btn btn-style-one"><span class="txt">// Load more</span></a>
				</div>
				
			</div>
		</div>
	</section>
	<!-- End Portfolio Page Section -->
	
	<!-- Main Footer -->
    <footer class="main-footer style-two">
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Logo Column -->
				<div class="left-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="" /></a>
						</div>
						<div class="copy">© 2020</div>
						
						<!-- Newsletter Form -->
						<div class="newsletter-form-two">
							<form method="post" action="contact.html">
								<div class="form-group">
									<input type="email" name="email" value="" autocomplete="off" placeholder="Subscribe Newsletter" required>
									<button type="submit" class="theme-btn fa fa-envelope"></button>
								</div>
							</form>
						</div>
						
					</div>
				</div>
				
				<!-- Info Column -->
				<div class="right-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<!-- Mobile Menu Info -->
						<div class="mobile-menu-info">
							<div class="phone"><span class="icon flaticon-smartphone"></span><a href="tel:+(1)-469-700800">+(1) 469 700800</a></div>
							<div class="text">E.  mashura [at] my-domain.ie A.  36 Belfast Lane, Newyork 26033</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</footer>
	<!-- End Main Footer -->
	
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-up"></span></div>

<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/tilt.jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/script.js"></script>

</body>
</html>